JavaScript Source Code 2002: Forms: Radio Totals

Home

Forms

Radio Totals

(Best with Internet Explorer) Select items in this totals form using checkboxes and radio buttons. Netscape version available at http://members.aol.com/irandd/.

JavaScript Source Code 2002: Forms: Radio Totals
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">   <! > <! >   num = num.toString().replace(/\$|\,/g,''); if(isNaN(num)) num = "0"; cents = Math.floor((num*100+0.5)%100); num = Math.floor((num*100+0.5)/100).toString(); if(cents < 10) cents = "0" + cents; for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++) num = num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3)); return ("$" + num + "." + cents); } //Define function to init the form on reload: function InitForm() { //Reset the displayed total on form: document.myform.total.value='$0'; document.myform.hiddentotal.value=0; document.myform.hiddenpriorradio.value=0; document.myform2.total.value='$0'; document.myform2.hiddentotal.value=0; document.myform2.hiddenpriorradio.value=0; document.myform2.hiddenpriorradio.value=0; //Set all checkboxes and radio buttons on form-1 to unchecked: for (xx=0; xx < document.myform.elements.length; xx++) { if (document.myform.elements[xx].type == 'checkbox' | document.myform.elements[xx].type == 'radio') { document.myform.elements[xx].checked = false; } } //Set all checkboxes and radio buttons on form-2 to unchecked: for (xx=0; xx < document.myform2.elements.length; xx++) { if (document.myform2.elements[xx].type == 'checkbox' | document.myform2.elements[xx].type == 'radio') { document.myform2.elements[xx].checked = false; } } } // End --> </script> </HEAD>  <BODY onLoad="InitForm();" onreset="InitForm();">  <form method=POST name=myform> Steak $15.25 <input type=checkbox name=Steak value=15.25 onClick="this.form.total.value=CheckChoice(this);"> Chicken $12.39 <input type=checkbox name=Chicken value=12.39 onClick="this.form.total.value=CheckChoice(this);"> Sushi $18.75 <input type=checkbox name=Sushi value=18.75 onClick="this.form.total.value=CheckChoice(this);"> <br> <br> <b>Prepare with this special sauce (extra charge -- only one selection allowed):</b> <br> None, thanks <input type=radio name=Sauce value=none price=0.00 onClick="this.form.total.value=CheckChoice(this);"> Duck Sauce $10.99 <input type=radio name=Sauce value=duck price=10.99 onClick="this.form.total.value=CheckChoice(this);"> Ginger Sauce $5.00 <input type=radio name=Sauce value=ginger price=5.00 onClick="this.form.total.value=CheckChoice(this);"> Hot Sauce $1.50 <input type=radio name=Sauce value=hot price=1.50 onClick="this.form.total.value=CheckChoice(this);"> <br> <br> <br> <input type=hidden name=hiddentotal value=0> <input type=hidden name=hiddenpriorradio value=0> Your total is: <input type=text name=total readonly> <br> <br> (Note: Total can not be changed by the visitor.) </font> </form> <hr width=100% noshade> <form method=POST name=myform2> Roasted Pig $10.00 <input type=checkbox name=Pig value=10.00 onClick="this.form.total.value=CheckChoice(this);"> Roasted Rat $17.49 <input type=checkbox name=Rat value=17.49 onClick="this.form.total.value=CheckChoice(this);"> Roasted Cat $3.50 <input type=checkbox name=Cat value=3.50 onClick="this.form.total.value=CheckChoice(this);"> <br> <br> <b>Prepare with this special seasoning (extra charge -- only one selection allowed):</b> <br> None, thanks <input type=radio name=Season value=none price=0.00 onClick="this.form.total.value=CheckChoice(this);"> Liquid Nitrogen $17.50 <input type=radio name=Season value=nitrogen price=17.50 onClick="this.form.total.value=CheckChoice(this);"> Gun Powder $8.50 <input type=radio name=Season value=gunpowder price=8.50 onClick="this.form.total.value=CheckChoice(this);"> Vodka $4.00 <input type=radio name=Season value=vodka price=4.00 onClick="this.form.total.value=CheckChoice(this);"> <br> <br> <br> <input type=hidden name=hiddentotal value=0> <input type=hidden name=hiddenpriorradio value=0> Your total is: <input type=text name=total readonly> <br> <br> (Note: Total can not be changed by the visitor.) </font> </form>